body {
  padding: 0px;
  margin: 0px;
  background-color: rgba(244,244,244,1);
}

a {
  color: #00B7FF;
}

.imgbox{
  width: 100%;
  height: 180px;
  //background-color: aquamarine;
}


.imgbox img{
  width: 100%;
  height: 100%
}
.imgbox .logeimg{
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  margin-left: -35px;
}

.imgbox p{
  margin: 0;
  color: white;
  font-family: "Arial Black";
  font-size: 1.8rem;
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: -120px;

}

.hvbox{
  width: 100%;
  height: 60px;
  margin-top: 12px;
  display:flex;
}
.hvbox .item{

  width: 32%;
  height: 100%;
}

.item p{

  width: 100%;
  text-align: right;
  font-family: "Arial Black";
}
.hvbox .item2{

  width: 60%;
  height: 100%;
}

.item2 input{

  width: 80%;
  outline: none;
  margin-top:4px;
  height: 70%;
  border-radius: 4px;
  padding: 2px;
  padding-left: 8px;
  border: 0.8px solid rgba(204,204,204,1);
  font-size: 1.0rem;
  color: rgba(51,51,51,0.9);

}


.hvbox input{

  outline: none;
}

.upload {

  width: calc(80% + 16px);
  height: auto;
  padding: 8px;
  border: 1px dashed rgba(120,120,120,0.5);
  margin-left: calc(10% - 16px);
  margin-top: 12px;
}

.upload .tt{

  width: 120px;
  height: auto;
  opacity: 1;
  position: relative;
  left: 50%;
  margin-left: -60px;
}

.contrl{
  width: 120px;
  height: 40px;
  float: right;
  z-index: 100;
}

.contrl .img{

  width: 30px;
  height: 30px;
  float: right;
  padding: 4px;
}


.contrl .img:active{

  opacity: 0.6;
}
.upload .tt:active{

  opacity: 0.7;
}

.btn{

  width: 60%;
  height: 50px;
  border-radius: 4px;
  background-color: #00B7FF;
  position: relative;
  left: 50%;
  margin-left: -30%;
  margin-top: 64px;
  color: white;
}

.btn:active{

  opacity: 0.6;
}

.btn p{


  text-align: center;
  width: 100%;
  height: 30px;
  font-size: 20px;
  padding-top: 10px;


}

.back{
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(120,120,120,0.8);
  left: 0px;
  top: 0px;
}

.show{

  width: 50%;
  height: auto;
  margin-left: 25%;
  margin-top: 80px;
  top: 50%;
  position: relative;

}

.footer{

  width: 100%;
  height: 200px;
  /*position: relative;*/
  background-color: rgba(41,41,41,1);
  padding-bottom: 24px;
}

.footer .p1{
  padding-top: 24px;
  text-align: center;
  color: white;
}
.footer a{

  color: white;

}

.footer .p2{

  text-align: center;
  color: white;
}

.info{
  width: 100%;
  height: 60px;
  /*background-color: aquamarine;*/
  display: flex;
}

.rightinfo{

  width: 50%;
  height: 100%;

}


.rightinfo img{

  width: 60px;
  height: 60px;
  position: relative;
  left: 50%;
  margin-left: -20px;
}

